<template>
    <div class="wrap">
        <div class="container">
            <TopBreadCrumb></TopBreadCrumb>
            <div class="user_center_content">
                <!-- 左侧菜单 -->
                <LeftNavMenu></LeftNavMenu>
                <!-- 左侧菜单结束 -->
                <!-- 右侧内容开始  -->
                <div class="right_user_content">
                    <div class="right-title">
                        <div class="left">账单信息</div>
                    </div>
                    <div class="contract-content">
                        <div class="contract-list">
                            <el-table
                                :data="listData"
                                style="width: 100%">
                                <el-table-column
                                    prop="name"
                                    label="充值/余额消费信息"
                                    >
                                </el-table-column>
                                <el-table-column
                                    prop="money"
                                    label="金额(元)"
                                    align="center"
                                    width="150">
                                </el-table-column>
                                <el-table-column
                                    prop="time"
                                    label="时间"
                                    align="center"
                                    width="150">
                                </el-table-column>
                            </el-table>

                        </div>
                        <Custom-pagination></Custom-pagination>
                    </div>
                </div>
                <!-- 右侧内容结束 -->
            </div>
        </div>
    </div>
</template>

<script>
import $ from "jquery"
import CustomPagination from '../../components/CustomPagination.vue';

  export default {
    components: { CustomPagination },
    data() {
        return {
            listData: [{
                name: '充值',
                money: "4000.00",
                time: "2023-05-10"

            }, {
                name: '充值',
                money: "4000.00",
                time: "2023-05-10"
            }, {
                name: '余额消费',
                money: "4000.00",
                time: "2023-05-10"
            }, {
                name: '余额消费',
                money: "4000.00",
                time: "2023-05-10"
            }]
        };
    },
    methods: {
    },
    mounted: function(){
        

    }

  };
</script>
<style>


</style>